<template>
	<view class="top">
		<view class="search">
			<uni-search-bar class="sea" radius="100" ></uni-search-bar>
		</view>
		<view class="sort">
			<text>家电订单</text>
			<text>废纸订单</text>
		</view>
		<view class="line"></view>
		<view class="bordertype">
			<button style="background-color:#2ec076 ">待回收</button>
			<button>待确认</button>
			<button>已完成待评论</button>
			<button>已结束</button>
			<button>已取消</button>
		</view>
		
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>

	.top {
		padding: 10rpx 20rpx;
		.search{
			.sea{
				padding: 0 0;
			}
		}
		.sort{
			padding: 10rpx 10rpx;
			text{
				padding-right:30rpx;
			}
		}
		.line{
			width: 100%;
			height: 1rpx;
			background-color: #2ec076;
		}
		.bordertype{
			padding-top: 15rpx ;
			display: flex;
			justify-content: space-around;
			button{
				font-size: 20rpx;
				border: 2rpx solid #2ec076;
				border-radius: 30rpx;
			}
		}
	}
	
	
</style>
